	/* 容器布局 */
	.container {
		/* height: 100vh;
		width: 100vw;
		position: relative;
		overflow: auto;
		background: #f0f2f5; */
	}

	/* 地图点位基础样式 */
	.map-point {
		position: absolute;
		cursor: pointer;
		transition: all 0.3s;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 5;
	}

	/* 点位名称标签 */
	.point-label {
		position: absolute;
		bottom: 100%;
		white-space: nowrap;
		font-size: 12px;
		padding: 2px 5px;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 3px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	}

	/* 点位形状和颜色 */
	.car-point {
		width: 20px;
		height: 20px;
		background: #4CAF50;
		border-radius: 0;
	}

	.warehouse-point {
		width: 30px;
		height: 15px;
		background: #2196F3;
		border-radius: 4px;
	}

	.transfer-point {
		width: 20px;
		height: 20px;
		background: #FF9800;
		border-radius: 50%;
	}

	.default-point {
		width: 12px;
		height: 12px;
		background: #2196f3;
		border-radius: 50%;
	}

	/* 选中状态 */
	.map-point.selected {
		box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.3);
	}


	/* 编辑区域 */
	.editor-panel {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 300px;
		padding: 20px;
		background: white;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		cursor: grab;
	}

	.editor-panel:active {
		cursor: grabbing;
	}

	.info-card {
		max-width: 100%;
	}

	.info-item {
		margin: 12px 0;
		display: flex;
		align-items: center;
	}

	label {

		width: 100px;
		color: #607d8b;
		font-weight: 500;
	}

	.info-input {
		flex: 1;
		padding: 8px;
		border: 1px solid #cfd8dc;
		border-radius: 4px;
		transition: border-color 0.3s;
	}

	.info-input:disabled {
		background: #fff;
		border-color: #eceff1;
	}

	/* 按钮样式 */
	.button-group {
		margin-top: 20px;
		display: flex;
		gap: 12px;
	}

	button {
		padding: 8px 16px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		transition: all 0.2s;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.edit-btn {
		background: #4caf50;
		color: white;
	}

	.edit-btn:hover {
		background: #45a049;
	}

	.save-btn {
		background: #2196f3;
		color: white;
	}

	.save-btn:hover {
		background: #1976d2;
	}

	.cancel-btn {
		background: #ff5722;
		color: white;
	}

	.cancel-btn:hover {
		background: #f4511e;
	}

	.empty-tip {
		text-align: center;
		color: #90a4ae;
		padding: 20px;
	}

	/* 缩放控制 */
	.zoom-controls {
		position: fixed;
		bottom: 20px;
		right: 20px;
		display: flex;
		gap: 10px;
	}

	.zoom-controls button {
		padding: 10px;
		background: #2196f3;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}

	.zoom-controls button:hover {
		background: #1976d2;
	}

	/* 轨道控制 */
	.track-controls {
		position: fixed;
		bottom: 80px;
		right: 20px;
	}

	.track-controls button {
		padding: 10px;
		background: #4caf50;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}

	.track-controls button:hover {
		background: #45a049;
	}



	.start-point {
		box-shadow: 0 0 0 3px #4CAF50;
		animation: pulse-start 1.5s infinite;
	}

	.end-point {
		box-shadow: 0 0 0 3px #F44336;
		animation: pulse-end 1.5s infinite;
	}

	@keyframes pulse-start {
		0% {
			box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.5);
		}

		70% {
			box-shadow: 0 0 0 30px rgba(76, 175, 80, 0);
		}

		100% {
			box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
		}
	}

	@keyframes pulse-end {
		0% {
			box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.5);
		}

		70% {
			box-shadow: 0 0 0 30px rgba(244, 67, 54, 0);
		}

		100% {
			box-shadow: 0 0 0 0 rgba(244, 67, 54, 0);
		}
	}

	/* 编辑面板样式 */
	.editor-panel {
		position: fixed;
		right: 20px;
		top: 20px;
		width: 300px;
		padding: 20px;
		background: white;
		border-radius: 8px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	}

	.selected-info div {
		margin: 10px 0;
		padding: 8px;
		border-radius: 4px;
	}

	.start-info {
		background: #E8F5E9;
	}

	.end-info {
		background: #FFEBEE;
	}

	.plan-btn {
		width: 100%;
		padding: 12px;
		background: #2196F3;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		transition: background 0.3s;
	}

	.plan-btn:hover {
		background: #1976D2;
	}

	.plan-btn:disabled {
		background: #BBDEFB;
		cursor: not-allowed;
	}

	.path-svg {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 2px solid red;
		pointer-events: none;
	}

	.path-line {
		filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
		transition: stroke 0.3s ease;
		stroke: #f00 !important;
		/* 强制颜色检测可见性 */
	}

	@keyframes pathDash {
		from {
			stroke-dashoffset: var(--path-length);
		}

		to {
			stroke-dashoffset: 0;
		}
	}